<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    .box{width: 100px;height: 100px;background: red;}
  </style>
</head>
<body>
  <div class="box"></div>
</body>
<script>

  var box = document.querySelector(".box");

  // 正常浏览器：
  // box.onclick = function(eve){
  //   console.log(eve);
  // }

  // IE低版本浏览器：
  // box.onclick = function(eve){
  //   console.log(window.event);
  // }
  // 事件对象非全局变量
  // setTimeout(function(){
  //   console.log(window.event);
  // }, 10000)


  box.onclick = function(eve){
    // 事件对象的兼容处理
    var e = eve || window.event;
    
    console.log(e);
  }

</script>
</html>